import React from "react"
import {Button, WhiteSpace} from "antd-mobile";

export default class Success extends React.Component{
    render() {
        const style = {
            width:'80%',
            position: 'absolute',
            top: '50%',
            marginTop: '-50%',
            marginLeft: '10%',
            // marginRight: '10%',
            fontSize: '24px',
            color: '#86c4cd',
            textAlign: "center"
        }
        return (
            <div style={style}>
                <b>提交成功</b>
                <WhiteSpace/>
                <WhiteSpace/>
                <img style={{width:'32%'}} src="/img/tj/资源 44@2x.png" alt=""/>
                <WhiteSpace/>
                <WhiteSpace/>
                <Button onClick={this.goHome} style={{width:'50%', marginLeft: '25%'}} size="small" type="primary">返回首页</Button>
            </div>
        )
    }
    goHome = () => {
        this.props.history.push('/')
    }
}